<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>标题</h1>
		<p id="p01">
			段落内容<br />
			<span>内容1</span>
			<span>内容2</span>
		</p>
		<script>
			window.onload = function() {
				// DOM 文档对象模型 （Document Object Model）
				// 1. 打印显示body元素的信息
				console.log("节点的名字:" + document.body.nodeName) // body	 元素名		
				console.log("节点的类型:" + document.body.nodeType) // 1 	 元素节点
				console.log("节点的值:" + document.body.nodeValue) // null  元素的内容				
				console.log("子节点:" + document.body.childNodes);
				console.log("子节点:" + document.body.childNodes.length);

				// 2. 打印显示p01元素的信息
				console.log("p01节点名字" + p01.nodeName);
				console.log("p01节点类型" + p01.nodeType);
				console.log("p01节点值" + p01.nodeValue);
				console.log("p01子元素的数量" + p01.childNodes.length); // 有7个子元素:标签是子元素:文本也是子元素

			}
		</script>
	</body>
</html>
